<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <header>
        <div class="container">
            <ul>
                <a href="login.html">
                    <li>请先登录</li>
                </a>
                <a href="register.html">
                    <li>免费注册</li>
                </a>
                <a href="Orders.html">
                    <li class="my_order">我的订单</li>
                </a>
                <a href="Personal.html">
                    <li>个人中心</li>
                </a>
                <a href="#">
                    <li>帮助中心</li>
                </a>


                <a href="#">
                    <li>关于我们</li>
                </a>
                <a href="#">
                    <li class="phon">
                        联系我们

                    </li>
                </a>
            </ul>

        </div>
    </header>
    <div id="reg">
        <div class="container">
            <div class="regs">
                <form>
                    <h1 class="head">新用户注册</h1>
                    <div class="form-group">
    
                        <input type="text" class="form-control" id="recipient-username" placeholder="设置请输入用户名">
                        <div class="tips1 tips"></div>
                    </div>
                    <div class="form-group">
    
                        <input type="text" class="form-control" id="recipient-phone" placeholder="请输入手机号">
                        <div class="tips2 tips"></div>
                    </div>
                  
                    <div class="form-group">
    
                        <input type="password" class="form-control" id="recipient-password"
                            placeholder="请输入密码，设置6-10位数字，字母，符号组成 ">
                    </div>
    
                    <div class="form-group">
    
                        <input type="password" class="form-control" id="recipient-checkpassword" placeholder="请再次输入上面密码">
                    </div>
                    <div class="modal-footer">
    
    
                        <button type="button" class="btn ">立刻注册</button>
    
                    </div>
                </form>
    

            </div>
          
        </div>
    </div>

    <footer>
        <div class="top">
            <div class="box">
                <span>客户服务</span>
                <div class="pic">
                    <img src="../img/在线客服.jpg" alt="">
                    <img src="../img/问题反馈.jpg" alt="">
                </div>
            </div>
            <div class="box">
                <span>关注我们</span>
                <div class="pic2">
                    <img src="../img/公众号.jpg" alt="">
                    <img src="../img/微博.jpg" alt="">
                </div>
            </div>
            <div class="box">
                <span>下载APP</span>
                <div class="pic3">
                    <img src="../img/二维码.jpg" alt="">
                    <div class="xia_zai_ye_mian">
                        <p>扫描二维码</p>
                        <p>立马下载APP</p>
                        <div class="green">下载页面</div>
                    </div>
                </div>
            </div>
            <div class="box" id="last">
                <span>服务热线</span>
                <p class="one">400-0000-000</p>
                <p class="two">周一至周日 8:00-18:00</p>
            </div>
        </div>


        <div class="bottom">
            <div class="first">
                <div><img src="../img/价格亲民.jpg" alt=""></div>
                <div><img src="../img/物流快递.png" alt=""></div>
                <div><img src="../img/品质新鲜.jpg" alt=""></div>
            </div>
            <ul>
                <li>关于我们</li>|
                <li>帮助中心</li>|
                <li>售后服务</li>|
                <li>配送与验收</li>|
                <li>商务合作</li>|
                <li>搜索推荐</li>|
                <li>友情链接</li>
            </ul>
            <p>CopyRight © 小兔鲜儿</p>
        </div>
    </footer>
    <script src="../js/register.js"></script>

</body>

</html>